

<HTML>
<HEAD>
<TITLE>First Test of Section 19.2 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
#id1 {volume: 50}
#id2 {volume: silent}
#id3 {volume: x-soft}
#id4 {volume: soft}
#id5 {volume: medium}
#id6 {volume: loud}
#id7 {volume: x-loud}
#id8 {volume: 50%}
#id9 {volume: inherit}





</STYLE>
</HEAD>




<BODY>
<h1 >
Testing First Testable Statement of Sec 19.2 of CSS2 Specification
</h1>


<ul>
<li  >
1. THe volume property has possible values of: "number | silent | x-soft |
soft | medium | loud | x-loud | inherit".
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p ID=id1 >
If statement #1 above is passed, then
this paragraph should be aired with a volume of 50.
The rule applied is "#id1 {volume: 50}".
<p ID=id2>
THis paragraph should be aired with a volume of silent.
The rule applied is "#id2 {volume: silent}".
<p ID=id3>
This paragraph should be aired with a volume of x-soft.
The rule applied is "#id3 {volume: x-soft}".
<p ID=id4>
This paragraph should be aired with a volume of soft.
The rule applied is "#id4 {volume: soft}".
<p ID=id5>
This paragraph should be aired with a volume of medium.
The rule applied is "#id5 {volume: medium}".
<p ID=id6>
This paragraph should be aired with a volume of loud.
The rule applied is "#id6 {volume: loud}".
<p ID=id7>
This paragraph should be aired with a volume of x-loud.
The rule applied is "#id7 {volume: x-loud}".
<p ID=id8>
This paragraph should be aired with a volume of 50%.
The rule applied is "#id8 {volume: 50%}".
<p ID=id9>
This paragraph should be aired with a volume of inherit.
The rule applied is "#id9 {volume: inherit}".
<p>
All other properties of this page should be UA-default.
Your browser rendering of this page should look similar to this <a href="c1901.gif"> 
reference image </a> or to this <a href="d1901.gif">reference image</a>.


</BODY>
</HTML>

